<template>
  <div class="wrap">
    <div class="weui-tab">
      <div class="weui-tab__panel">
        <router-view></router-view>
      </div>      
    </div>    
    <tabbar></tabbar>
  </div>
</template>

<script>
import Tabbar from "components/tabbar/tabbar";

export default {
  data () {
    return {
      msg: 'Hello Vue!'
    }
  },
  components:{
    Tabbar
  },
  mounted:function () {
    
  }

}


</script>

<style lang="less">
// @import './assets/style/base/reset';
// @import './assets/style/widget/weui-tab/weui-tabbar';
html,body{
  height: 100%;
}
body {
  font-family:"微软雅黑" Helvetica, sans-serif;
  font-size: 12px;
}
.wrap{
  height: 100%; 
}
.router-link-active{
  color: red;
}
</style>
